<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Просто для тренировки</title>
    <link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>

    <div class="container">
        <h1>Управление пользователями</h1>
        <hr />
        <div class="page"></div>
    </div>

    <script src="js/jquery.js"></script>
    <script src="js/underscore-min.js"></script>
    <script src="js/backbone-min.js"></script>
    <script>

        $.ajaxPrefilter(function(options, originalOptions, jqXHR){
            options.url = 'http://backbonejs-beginner.herokuapp.com' + options.url;
        });

        // шаг 3 создаю вьюху
        var UserList = Backbone.View.extend({
            el:'.page',
            render: function(){
                this.$el.html('Здесь будет контент');
            }
        });

        //шаг 1 создаю роутер
        var Router = Backbone.Router.extend({
            routes:{
                '': 'home'
            }
        });

        //вывожу  вьюху
        var userList = new UserList();

        // продолжение роутера
        var router = new Router();
        router.on('rote:home', function() {
            userList.render();// вывожу контент
        });

        //шаг 2 подключаю апи хистори, для хэширования истории
        Backbone.history.start();

    </script>

</body>
</html>